<template>
    <div class="box">
        <h1>饿了吗</h1>
        <input type="text" placeholder="输入商家，商品名称">
    </div>
</template>
<script>

</script>

<style scoped>
.box{
    width: 100%;
    height: 70px;
    background-color: rgb(19, 153, 231);
    padding: 10px;
    padding-top: 20px;
    position: sticky;
    top: 0;
}
.box h1{
    height: 20px;
    color: white;
    font-size: 20px;
}
.box input{
    width: 98%;
    height: 30px;
    margin: 20px 0;
    border-radius: 20px;
    text-align: center;
    border: none;
    outline: none;

}
</style>
